<template>
<div class='container'>
<!---- vue3 coding here...---->
	历史记录与报表
</div>
</template>
<script>
// 结构
import { defineComponent, onMounted, ref, watch, reactive } from 'vue';
// 模块化
export default defineComponent({
  name: 'Home', // 组件名称
  props: {
    // 接收父组件数据

  },
  components: {
    // 定义子组件
  },
  // 主要是组件内交互事件
  setup(props, ctx) {
    // 这里没有this,直接使用props里数据
    // 进行数据的定义和初始化。object style interactive 
  onMounted(() => {
   });

    return {};
  },
  // 组件之间交互事件
  methods: {

  },
  // 生命周期 - 创建完成（访问DOM元素）
  beforeCreate() {

  },
  // 生命周期 - 创建完成（访问当前this实例）
  created() {

  },
  // 生命周期 - 挂载完成（访问当前this实例）
  mounted() {

  },
  // 生命周期 - 更新之前（访问当前this实例）
  beforeUpdate() {

  },
  // 生命周期 - 更新之前（访问当前this实例）
  updated() {

  },
  // 生命周期 - 销毁之前（访问当前this实例）
  unmounted() {

  },
  // 生命周期 - 组件激活（访问当前this实例）
  activated() {

  },
  // 生命周期 - 组件停用（访问当前this实例）
  deactivated() {

  },
  // 生命周期 - 子孙组件错误时
  errorCaptured() {

  }
});
</script>
<style lang='less' scoped >
/* scoped 使用得定义的样式只在本页面内生效  */
.container {
width:100%; 
}
</style>
